<el-tooltip effect="dark" content="反馈" placement="left">
	<div class="el-backtop d-print-none" style="right: 40px;bottom: 100px;" @click="feedback.win=true;">
		<i class="el-icon-chat-line-square"></i>
	</div>
</el-tooltip>
<div class="feedback-win wrap" v-show="feedback.win" style="display: none;">
	<div class="flex border-top border-primary border-lg flex-center">
		<div class="flex-1 pl-3">{{(feedback.data.id&&feedback.form.type===6)?'投诉简历':((feedback.data.id&&feedback.form.type===7)?'投诉职位':'反馈')}}</div>
		<el-tooltip effect="dark" content="最小化，点击反馈图标还原" placement="top-end">
			<div class="p-3 pointer" @click="feedback.win=false;">
				<i class="el-icon-minus"></i>
			</div>
    	</el-tooltip>
		<el-tooltip effect="dark" content="关闭" placement="top-end">
			<div class="p-3 pointer position-relative" @click="feedback.data={id:0};feedback.win=false;$refs.feedback.resetFields();feedback.form.type=1;">
				<i class="el-icon-close"></i>
			</div>
	    </el-tooltip>
	</div>
	<div class="flex1 border-top">
		<el-form :model="feedback.form" @submit.native.prevent="submitFeedbackForm" :rules="feedback.rules"  ref="feedback" label-width="120px" label-position="top" class="p-3">

		  <el-form-item label="反馈类型" prop="type" v-if="!feedback.data.id">
		    <el-radio-group class="ml-0 rounded-0" v-model="feedback.form.type" size="small">
		      <el-radio-button :label="v.value" v-for="(v,index) in _config.feedbackType"
		      v-if="(!feedback.data.id&&v.value!=6&&v.value!=7)||(feedback.data.id&&v.value==feedback.form.type)">{{v.title}}</el-radio-button>
		    </el-radio-group>
		  </el-form-item>

		  <el-form-item label="投诉职位" v-if="feedback.data.id && feedback.data.title">
		  	{{feedback.data.company_name}}-{{feedback.data.title}}
		  </el-form-item>

		  <el-form-item label="投诉原因" v-if="feedback.data.id && feedback.form.type===7" prop="complaint_type">
		  	<el-checkbox-group 
			    v-model="feedback.form.complaint_type">
			    <el-checkbox v-for="v in feedback.complaint_type.jobs" :label="v" :key="v">{{v}}</el-checkbox>
			</el-checkbox-group>
		  </el-form-item>

		  <el-form-item label="投诉简历" v-if="feedback.data.id && feedback.data.name">
		  	{{feedback.data.name}}
		  </el-form-item>

		  <el-form-item label="投诉原因" v-if="feedback.data.id && feedback.form.type===6" prop="complaint_type">
		  	<el-checkbox-group 
			    v-model="feedback.form.complaint_type">
			    <el-checkbox v-for="v in feedback.complaint_type.resume" :label="v" :key="v">{{v}}</el-checkbox>
			</el-checkbox-group>
		  </el-form-item>

		  <el-form-item label="联系方式" prop="contacts">
		    <el-input v-model="feedback.form.contacts" class="col-12 col-sm-10 pl-0 pr-0" placeholder="请输入您的QQ、邮箱或者电话以便和您沟通，您的信息仅工作人员可见！"></el-input>
		  </el-form-item>

		  <el-form-item label="反馈内容" prop="msg">
		    <el-input v-model="feedback.form.msg" class="col-12 col-sm-10 pl-0 pr-0"
			  type="textarea"
			  :autosize="{ minRows: 6, maxRows: 20}"
			  placeholder="请详细描述您遇到的问题，有助于我们快速定位并解决问题"></el-input>
		  </el-form-item>
		</el-form>
	</div>
	<div class="p-3 border-top">
	    <el-button type="primary" @click="submitFeedbackForm('feedback')" size="small" class="rounded-0">提交</el-button>
	</div>
</div>